<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/user.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
    <title>云智片</title>
</head>

<body>
    <!-- logo 导航 -->
    <header id="header">
        <div class="container clearfix">
            <a href="/index" class="logo">
                <img src="../images/logo.png" alt="">
            </a>
            <ul class="category clearfix">
                <li>
                    <a href="/index">首页</a>
                </li>
                <li>
                    <a href="/user" class="active">用户</a>
                </li>
                <li>
                    <a href="/supplier">供应商</a>
                </li>
                <li>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            商家中心
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="http://47.104.27.232:81/#/group/groupList">商家登录</a>
                            </li>
                            <li>
                                <a href="http://47.104.27.232:81/#/supplier">商家入驻</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="" alt="">
                    <a href="http://47.104.27.232:81">登录 </a>
                </li>
            </ul>
        </div>
    </header>
    <!-- banner -->
    <div class="banner">
        <div class="img_box">
            <img src="../images/0.png" alt="">
        </div>
        <div class="container">
            <div>
                <span class="banner_info"></span>
                <p>Make your major more focused</p>
            </div>
        </div>

    </div>
    <!-- 名人说 -->
    <div class="person_talk">
        <div class="container">
            <p>名人说</p>
            <ul class="clearfix">
                <li>
                    <img src="../images/talk-one.png" alt="">
                    <div>
                        <h6>法拉利宣传片</h6>
                        <p>见风使舵标注浪浪浪。lalalalalal浪浪浪发货热放入和顿饭点奥不逊混合大呵呵哒你说什么撒是的混蛋听不懂啊的怒火或许是得UC和毒素和覅看谁啊测试的自己成本低廉苏u符合</p>
                    </div>
                </li>
                <li>
                    <img src="../images/talk-two.png" alt="">
                    <div>
                        <h6>法拉利宣传片</h6>
                        <p>见风使舵标注浪浪浪。lalalalalal浪浪浪发货热放入和顿饭点奥不逊混合大呵呵哒你说什么撒是的混蛋听不懂啊的怒火或许是得UC和毒素和覅看谁啊测试的自己成本低廉苏u符合</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 功能及特色介绍 -->
    <div class="Introduction">
        <div class="container">
            <p>功能及特色介绍</p>
            <ul id="ul">
                <li id="normalcondition">
                    <p>
                        <img src="../images/user-subtool-harmonizationofstandards-normalcondition.png" alt="">
                    </p>
                    <div>
                        <h6>标准统一</h6>
                        <p>无论是在制作流程开始时，还是制作环节进行中，云智片在每一个不分提供更优化、更便捷、更高效的管理服务体验</p>
                    </div>
                </li>
                <li class="active" id="acrossstatus">
                    <p>
                        <img src="../images/user-subtool-identifyneeds-acrossstatus.png" alt="">
                    </p>
                    <div>
                        <h6 class="active">标准统一</h6>
                        <p class="active">无论是在制作流程开始时，还是制作环节进行中，云智片在每一个不分提供更优化、更便捷、更高效的管理服务体验</p>
                    </div>
                </li>
                <li id="normalcondition1">
                    <p>
                        <img src="../images/user-subtool-officeofoa-normalcondition.png" alt="">
                    </p>
                    <div>
                        <h6>标准统一</h6>
                        <p>无论是在制作流程开始时，还是制作环节进行中，云智片在每一个不分提供更优化、更便捷、更高效的管理服务体验</p>
                    </div>
                </li>
            </ul>

        </div>
    </div>

    <!-- 坐标 -->
    <div class="coordinate">
        <div class="img_box">
            <img src="../images//feature-map.png" alt="">
        </div>
        <div>
            <div class="container">
                <ul class="">
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-companyphone.png" alt="">
                        </a>
                        <div>
                            <p>公司咨询热线：</p>
                            <p>010-1234567</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-add.png" alt="">
                        </a>
                        <div>
                            <p>公司咨询热线：</p>
                            <p>北京海淀中关村</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-e-mailaddress.png" alt="">
                        </a>
                        <div>
                            <p>公司邮箱地址</p>
                            <p>joinhr@aiyzp.com</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="container clearfix">
            <div class="catalog f_left">
                <!-- <ul class="clearfix">
                    <li>关于云智片</li>
                    <li>开城计划</li>
                    <li>平台特色</li>
                    <li>项目案例</li>
                    <li>达人说说</li>
                    <li>合作伙伴</li>
                </ul> -->
                <p>关于云智片|开城计划|平台特色|项目案例|达人说说|合作伙伴</p>
                <p> Copyright &copy;2018烈日影视有限公司版权所有 网站备案：京ICP备18024142号-1</p>

            </div>
            <div class="download f_right">
                <ul class="f_left box">
                    <li id='andr'>
                        <img src="../images/androiddownloadicon.png" alt="">Android版下载
                    </li>
                    <li id='ios'>
                        <img src="../images/iosdownloadicon.png" alt="">IOS版下载
                    </li>
                </ul>
                <!-- <div class="download_img f_right"></div> -->
                <ul class="download_img f_right">
                    <li>
                        <img src="../images/talk-two.png" alt="">
                    </li>
                    <li class="hide">
                        <img src="../images/talk-one.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </footer>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../js/user.js"></script>
</body>

</html>